 <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>{$data.page_title}</title>
	<link href="css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="css/aui.css"/>
	<link rel="stylesheet" href="css/shop.css">
	<link rel="stylesheet" href="css/alert.css">
	<link rel="stylesheet" href="css/toupiao.css">
	<script src="js/jquery-1.8.2.min.js"></script>
	<script src="js/mui.min.js"></script>
	<script>
        function autoload() {
            var dailiid;
            var dailiname="";
            var sendData={};
            sendData.user_id=user_id;
            sendData.flage=0;
            console.log(sendData.user_id)

            $.ajax({
                url:"http://xjh.taoleyizhan.com/wap/index.php?ctl=uc_fxinvite&act=zhangmen ",
                data:sendData,
                type:"POST",
                dataType:"json",
                success:function (data) {
                    console.log(data);
                    page_data=data;
                    var list="";
                    for (var i=0;i<page_data.zhangmen.length;i++){
                        dailiid=page_data.zhangmen[i].id;
                       $("#dailiname").val();
                        dailiname=$("#dailiname").val()+"";
						list+='<li class="mui-row re"><div class="mui-col-sm-6 mui-col-xs-6 re"onclick="toupiao1( '+dailiid+',\''+page_data.zhangmen[i].user_name+'\')"style="z-index:3"><img class="aui-mar-t-5" style="width: 50px;height: 50px" src="'+hostUrl+page_data.zhangmen[i].avatar+'"alt=""height="50"><div class="">点击投票</div></div><div class="mui-col-sm-6 mui-col-xs-6"><div class="mui-text-left gradient"><div>'+page_data.zhangmen[i].user_name+'</div><div>ID:'+page_data.zhangmen[i].id+'</div><div class="line-height-2"style="border-top:1px solid #fff">'+page_data.zhangmen[i].is_poll+'人投票</div></div></div><img class="ab"style="left:0;top:0;height:100%"src="images/mx_light.png"alt=""><div class="ab">第'+(i+1)+'名</div></li>';
					}
					$("#zhangmen_list").html(list)
                },
                error:function() {

                }

            })
        }
	</script>
	<script src="js/init.js"></script>
	<style>
		.toupiao_nav >div.active {
			background: #e99818;
		}
	</style>

</head>

<body>
	<header class="mui-bar mui-bar-nav ">
		<a href="index.html" class="mui-icon-undo mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title" id="page_title">最强掌门</h1>
	</header>
    <input type="text" id="dailiname" class="none">
	<div class="mx mui-content mui-text-center f14">
		<div class="re">
			<div class="daojishi_btn ab aui-color-white" style="top:10px;right:10px;">投票倒计时 <span class="f16"><b>15</b></span> 天</div>
			<img class="zm_bu ab aui-col-10" style="top:-200px;left:0;" src="images/zm_hongbu.png" alt="">
			<div class="daojishi ab aui-color-white mui-text-center aui-col-10" style="top:-150px;left:0;">
				<div class="f20">距离开始的时间还有</div>
				<div class="aui-mar-t-10" style="line-height:10vh;">
					<span class="hour">00</span>时
					<span class="minute">00</span>分
					<span class="second">00</span>秒
				</div>
			</div>
			<img class="aui-col-10 block" src="images/zm_banner.png" alt="">
			<div class="title"><img class="vmid" src="images/mx_guize_icon.png" alt="" width="20"> <span>游戏规则</span></div>
			<div class="mui-text-left aui-pad-15">
				<div>活动时间：2017/10/10~2017/12/10</div>
				<ul class="f12">
					<li>•	掌门人争夺最强比赛</li>
					<li>•	掌门人互相拉票，根据掌门人票数决定名词</li>
					<li>•	根据赢取的第一名，抽取第一名支持者发送奖励</li>
					<li>•	掌门和投票人都有机会获得</li>
				</ul>
			</div>
		</div>
		<div class="game_pass">
			<div class="toupiao_nav title flex">
				<div class="f1 active aui-col-5" ><img class="vmid" src="images/toupiao_icon.png" alt="" width="22"> <span>当前排名</span></div>
				<div class="f1 aui-col-5"><img class="vmid" src="images/mx_guanka.png" alt="" width="20"> <span>活动奖品</span></div>
			</div>
			<div class="toupiao">
				<ul class="aui-color-white f12 aui-pad-15" id="zhangmen_list">

					<!--<li class="mui-row re">-->
						<!--<div class="mui-col-sm-6 mui-col-xs-6  re" onclick="toupiao1()"  style="z-index: 100">-->
							<!--<img class="aui-mar-t-5" src="image/avatar.png" alt="" height="50">-->
							<!--<div class="">点击投票</div>-->
						<!--</div>-->
						<!--<div class="mui-col-sm-6 mui-col-xs-6">-->
							<!--<div class="mui-text-left gradient">-->
								<!--<div>司马懿</div>-->
								<!--<div>ID:1536</div>-->
								<!--<div class="line-height-2" style="border-top:1px solid #fff;">5人投票</div>-->
							<!--</div>-->
						<!--</div>-->
						<!--<img class="ab" style="left:0;top:0;height:100%;" src="images/mx_light.png" alt="">-->
						<!--<div class="ab">第1名</div>-->
					<!--</li>-->

				</ul>
					<!--当前排名-->

				<ul class="aui-color-white f12 aui-pad-15 none">

						<li class="mui-row re">
							<div class="mui-col-sm-6 mui-col-xs-6 aui-pad-t-15"><img class="vmid" src="images/tpjiang1.png" alt="" height="70"></div>
							<div class="mui-col-sm-6 mui-col-xs-6">
								<div class="mui-text-left gradient">
									<div>苹果手机iPhoneX 5.8 64G</div>
									<div>价值10240元</div>
									<div class="line-height-2" style="border-top:1px solid #fff;"> &nbsp;</div>
								</div>
							</div>
							<img class="ab" style="left:0;top:0;height:100%;" src="images/mx_light.png" alt="">
							<div class="ab">第一名</div>
						</li>
					<li class="mui-row re">
						<div class="mui-col-sm-6 mui-col-xs-6 aui-pad-t-15"><img class="vmid" src="images/tpjiang2.png" alt="" height="70"></div>
						<div class="mui-col-sm-6 mui-col-xs-6">
							<div class="mui-text-left gradient">
								<div>9.7英寸iPad 128G</div>
								<div>价值4588元</div>
                                <div class="line-height-2" style="border-top:1px solid #fff;"> &nbsp;</div>
							</div>
						</div>
						<img class="ab" style="left:0;top:0;height:100%;" src="images/mx_light.png" alt="">
						<div class="ab">第二名</div>
					</li>
					<li class="mui-row re">
						<div class="mui-col-sm-6 mui-col-xs-6 aui-pad-t-15"><img class="vmid" src="images/tpjiang3.png" alt="" height="70"></div>
						<div class="mui-col-sm-6 mui-col-xs-6">
							<div class="mui-text-left gradient">
								<div>Beats Solo2 Wireless</div>
								<div>价值1698元</div>
                                <div class="line-height-2" style="border-top:1px solid #fff;"> &nbsp;</div>
							</div>
						</div>
						<img class="ab" style="left:0;top:0;height:100%;" src="images/mx_light.png" alt="">
						<div class="ab">第三名</div>
					</li>
					<li class="mui-row re">
						<div class="mui-col-sm-6 mui-col-xs-6 aui-pad-t-15"><img class="vmid" src="images/tpjiang4.png" alt="" height="70"></div>
						<div class="mui-col-sm-6 mui-col-xs-6">
							<div class="mui-text-left gradient">
								<div>黄金手链转运珠貔貅3d硬足金</div>
								<div>价值888元</div>
                                <div class="line-height-2" style="border-top:1px solid #fff;"> &nbsp;</div>
							</div>
						</div>
						<img class="ab" style="left:0;top:0;height:100%;" src="images/mx_light.png" alt="">
						<div class="ab">第四名</div>
					</li>
					<li class="mui-row re">
						<div class="mui-col-sm-6 mui-col-xs-6 aui-pad-t-15"><img class="vmid" src="images/tpjiang5.png" alt="" height="70"></div>
						<div class="mui-col-sm-6 mui-col-xs-6">
							<div class="mui-text-left gradient">
								<div>拍立得instax WIDE 300</div>
								<div>价值799元</div>
                                <div class="line-height-2" style="border-top:1px solid #fff;"> &nbsp;</div>
							</div>
						</div>
						<img class="ab" style="left:0;top:0;height:100%;" src="images/mx_light.png" alt="">
						<div class="ab">第五名</div>
					</li>
					<li class="mui-row re">
						<div class="mui-col-sm-6 mui-col-xs-6 aui-pad-t-15"><img class="vmid" src="images/tpjiang6.png" alt="" height="70"></div>
						<div class="mui-col-sm-6 mui-col-xs-6">
							<div class="mui-text-left gradient">
								<div>无线蓝牙音箱木质家用</div>
								<div>价值602元</div>
                                <div class="line-height-2" style="border-top:1px solid #fff;"> &nbsp;</div>
							</div>
						</div>
						<img class="ab" style="left:0;top:0;height:100%;" src="images/mx_light.png" alt="">
						<div class="ab">第六名</div>
					</li>
                    <li class="mui-row re">
                        <div class="mui-col-sm-6 mui-col-xs-6 aui-pad-t-15"><img class="vmid" src="images/tpjiang7.png" alt="" height="70"></div>
                        <div class="mui-col-sm-6 mui-col-xs-6">
                            <div class="mui-text-left gradient">
                                <div>S999足银 喜鹊手镯</div>
                                <div>价值500元</div>
                                <div class="line-height-2" style="border-top:1px solid #fff;"> &nbsp;</div>
                            </div>
                        </div>
                        <img class="ab" style="left:0;top:0;height:100%;" src="images/mx_light.png" alt="">
                        <div class="ab">第七名</div>
                    </li>
                    <li class="mui-row re">
                        <div class="mui-col-sm-6 mui-col-xs-6 aui-pad-t-15"><img class="vmid" src="images/tpjiang8.png" alt="" height="70"></div>
                        <div class="mui-col-sm-6 mui-col-xs-6">
                            <div class="mui-text-left gradient">
                                <div>AMAZFIT米动智能手表青春版</div>
                                <div>价值399元</div>
                                <div class="line-height-2" style="border-top:1px solid #fff;"> &nbsp;</div>
                            </div>
                        </div>
                        <img class="ab" style="left:0;top:0;height:100%;" src="images/mx_light.png" alt="">
                        <div class="ab">第八名</div>
                    </li>

                    <li class="mui-row re">
                        <div class="mui-col-sm-6 mui-col-xs-6 aui-pad-t-15"><img class="vmid" src="images/tpjiang9.png" alt="" height="70"></div>
                        <div class="mui-col-sm-6 mui-col-xs-6">
                            <div class="mui-text-left gradient">
                                <div>京东E卡经典卡300面值</div>
                                <div>价值300元</div>
                                <div class="line-height-2" style="border-top:1px solid #fff;"> &nbsp;</div>
                            </div>
                        </div>
                        <img class="ab" style="left:0;top:0;height:100%;" src="images/mx_light.png" alt="">
                        <div class="ab">第九名</div>
                    </li>
                    <li class="mui-row re">
                        <div class="mui-col-sm-6 mui-col-xs-6 aui-pad-t-15"><img class="vmid" src="images/tpjiang10.png" alt="" height="70"></div>
                        <div class="mui-col-sm-6 mui-col-xs-6">
                            <div class="mui-text-left gradient">
                                <div>小江湖200积分 </div>
                                <div>价值200元</div>
                                <div class="line-height-2" style="border-top:1px solid #fff;"> &nbsp;</div>
                            </div>
                        </div>
                        <img class="ab" style="left:0;top:0;height:100%;" src="images/mx_light.png" alt="">
                        <div class="ab">第十名</div>
                    </li>
				</ul>
					<!--奖品名次-->
			</div>

		</div>

		<div class="mui-text-center">
			<div class="title"><img class="vmid" src="images/mx_mingdan.png" alt="" width="20"> <span>中奖名单</span></div>
			<div class="re">
				<div class="mui-row win_list">
					<div class="mui-col-sm-3 mui-col-xs-3 yellow"></div>
					<div class="mui-col-sm-4 mui-col-xs-4 blue1"></div>
					<div class="mui-col-sm-3 mui-col-xs-3 red"></div>
					<div class="mui-col-sm-2 mui-col-xs-2 blue2"></div>
				</div>
                <div id="demo" class="ab aui-color-white aui-col-10 aui-mar-t-10 aui-mar-b-10" style="top:0;left:0;height:180px;overflow: hidden;">
                    <div id="demo1">
                        <li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
                        <li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
                        <li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
                        <li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
                        <li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
                        <li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
                        <li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
                        <li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
                        <li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
                        <li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
                        <li class="flex"><div class="f3">司马懿</div><div class="f4">139****3960</div><div class="f3">10元充值卡</div><div class="f2">10:09</div></li>
                    </div>
                    <div id="demo2"></div>
                    <script type="text/javascript"><!--
                    var speed=50
                    demo2.innerHTML=demo1.innerHTML
                    function Marquees(){
                        if(demo2.offsetTop-demo.scrollTop<=0)
                            demo.scrollTop-=demo1.offsetHeight
                        else{
                            demo.scrollTop++
                        }
                    }
                    var MyMars=setInterval(Marquees,speed)
                    demo.onmouseover=function() { clearInterval(MyMars) }
                    demo.onmouseout=function() { MyMars=setInterval(Marquees,speed) }
//                    zlselect('6');
                    // --></script><!--滚动的javascript结束-->
                </div>
			</div>
		</div>

		<div style="background:#ffb238;padding-bottom:50px;">
			<div class="title"><img class="vmid" src="images/mx_xuzhi.png" alt="" width="20"> <span>兑换领取须知</span></div>
			<div class="aui-pad-10 f12">
				<div class="mui-text-left">1、充值卡奖品秒发，还可以充值到支付宝。实物类奖品24小时内发货。
					2、活动中有任何疑问请关注公众号：小江湖OL，或拔打官方客服电话：。
					3、本活动与苹果公司及其产品无关。
					4、最终解释权归小江湖所有。</div>
				<img class="aui-col-4 aui-pad-t-10" src="image/erweima.png" alt="">
				<div>长按识别，关注小江湖OL公众号<br/>领取新手礼包，随时开玩！</div>
			</div>
		</div>

	</div>
	<div class="alert none">
		<div class="tp_box box re mui-text-center f14 none">
			<div class="tc_btn">点击投票</div>
			<div>确定要为他(她)投票吗？</div>
			<div class="aui-pad-t-15 flex" style="justify-content:space-around;">
				<div class="gray_btn" style="width:40%;"><a href="">取消</a> </div><div class="orange_btn" style="width:40%;" onclick="toupiao()">
                <a href="#">确定</a> </div>
			</div>
		</div>
	</div>
</body>
<script>
	function toupiao1(id123,name123) {
        dailiid=id123;
        dailiname=name123;
        console.log(typeof name123)
	    console.log("111"+id123);
        $(".alert").show();
        $(".tp_box").show();
    }
    function toupiao($this) {
        $(".alert").hide();
        $(".tp_box").hide();
        var Data={};
        Data.agency_name=dailiname;
        Data.agency_id=dailiid
        Data.user_id=user_id;
        Data.flage=1;
        console.log(Data)
        console.log(Data.user_id)
        $.ajax({
            url:"http://xjh.taoleyizhan.com/wap/index.php?ctl=uc_fxinvite&act=zhangmen ",
            data:Data,
            type:"POST",
            dataType:"json",
            success:function (data) {
                console.log(data)
                data.f==1?alert("投票成功"):alert("每个人只能投一票");
                window.location.href="";
            },
            error:function (data) {
                console.log(data);
            }
        })
    }
</script>
<script src="js/game.js"></script>
</html>